<template lang="html">
  <div class="article-div" :loading="loading">
    1
  </div>
</template>

<script>
export default {
  name: 'Article',
  data() {
    return {
      articleForm: {
        password: '12345678'
      },
      articleRules: {
        mobile_number: [{ required: true, trigger: 'blur' }],
        password: [{ required: true, trigger: 'blur' }]
      },
      loading: false
    }
  },
  watch: {
  },
  methods: {
    init() {
      this.getArticleList()
    },
    request() {
      this.$refs.loginForm.validate(valid => {
        if (valid) {
          this.loading = true
          this.$store.dispatch('admin/login', this.loginForm).then((res) => {
            this.$message({
              message: res.msg,
              type: 'success',
              duration: 5 * 1000
            })
            this.$router.push({ path: this.redirect || '/' })
            this.loading = false
          }).catch(() => {
            this.loading = false
          })
        } else {
          console.log('error submit!!')
          return false
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.article-div{

}
</style>
